html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

#root {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}

#container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.header {
  background-color: #333;
  color: white;
  padding: 1rem;
  position: sticky;
  /* 固定在顶部 */
  top: 0;
  z-index: 1000;
}

.side {
  width: 240px;
  /* 设置边栏宽度 */
  background-color: #f4f4f4;
  border-right: 1px solid #ccc;
}


.main {
  display: flex;
  height: 100vh;
  /* 占满整个视口高度 */
}

.footer {
  background-color: #333;
  color: white;
  padding: 1rem;
  position: sticky;
  /* 固定在底部 */
  bottom: 0;
}